﻿

<#include "/code/front/include/head.ftl" />


     <#assign ownerInfo = dq.getDataByName('个人资料')!{} />
     <#assign siteInfo = dq.getDataByName('站点信息')!{} />
     <#assign accountInfo = dq.getDataByName('社交账号')![] />
    <main class="main-aboutpage">

        <#include "/code/front/include/header.ftl">

        <!-- Contact -->
        <section class="contact-area">
            <div class="container">
                <div class="gx-row d-flex justify-content-between gap-24">
                    <div class="contact-infos">
                        <h3 data-aos="fade-up">联系方式</h3>
                        <ul class="contact-details">
                            <li class="d-flex align-items-center" data-aos="zoom-in">
                                <div class="icon-box shadow-box">
                                    <i class="iconoir-mail"></i>
                                </div>
                                <div class="right">
                                    <span>发邮件给我</span>
                                    <h4>${siteInfo.email!}</h4>
                                </div>
                            </li>

                            <li class="d-flex align-items-center" data-aos="zoom-in">
                                <div class="icon-box shadow-box">
                                    <i class="iconoir-phone"></i>
                                </div>
                                <div class="right">
                                    <span>电话联系我</span>
                                    <h4>${siteInfo.mobile!}</h4>
                                </div>
                            </li>

                            <li class="d-flex align-items-center" data-aos="zoom-in">
                                <div class="icon-box shadow-box">
                                    <i class="iconoir-pin-alt"></i>
                                </div>
                                <div class="right">
                                    <span>写信寄给我</span>
                                    <h4>${siteInfo.postal_address!}</h4>
                                </div>
                            </li>
                        </ul>

                        <h3 data-aos="fade-up">社交账号</h3>
                        <ul class="social-links d-flex align-center" data-aos="zoom-in">
                            <#list accountInfo as acc>
                                <li><a class="shadow-box" href="${acc.account!}"><i class="${acc.icon!}"></i></a></li>
                            </#list>
                        </ul>
                    </div>

                    <div data-aos="zoom-in" class="contact-form">
                        <div class="shadow-box">
                            <img src="assets/images/bg1.png" alt="BG" class="bg-img">
                            <img src="assets/images/icon3.png" alt="Icon">
                            <h1>期待你的赏识 <br>橄榄枝 <span>马上扔向我~</span></h1>
                            <form method="POST" action="mailer.php">
                                <div class="alert alert-success messenger-box-contact__msg" style="display: none" role="alert">
                                    你的橄榄枝已经扔给他啦~
                                </div>
                                <div class="input-group">
                                    <input type="text" name="full-name" id="full-name" placeholder="姓名 *">
                                </div>
                                <div class="input-group">
                                    <input type="email" name="email" id="email" placeholder="邮箱 *">
                                </div>
                                <div class="input-group">
                                    <input type="text" name="subject" id="subject" placeholder="主题 *">
                                </div>
                                <div class="input-group">
                                    <textarea name="message" id="message" placeholder="内容 *"></textarea>
                                </div>
                                <div class="input-group">
                                    <button class="theme-btn submit-btn" name="submit" type="submit">抛出橄榄枝</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    
                </div>
            </div>
        </section>


        <#include "/code/front/include/footer.ftl" />

    </main>



    <script src="assets/js/ajax-form.js"></script>
</body>
</html>
